|
<HTML> <HEAD> <TITLE>初めてのホームページ作成</TITLE> <SCRIPT language="JavaScript"> <!-- function hyouji(ss) {document.getElementById(ss).style.visibility="visible"} function kakusu(tt) {document.getElementById(tt).style.visibility="hidden"} //--> </SCRIPT> <STYLE type="text/css"> <!-- .menu{ width:100px; /* 幅（100px） */ height:25px; /* 高さ（25px） */ color:#FFFFFF; /* 文字色（白） */ font-size:12pt; /* 文字サイズ（12pt） */ text-align:center; /* 文字（中央揃え） */ background-color:#0000AA; /* 背景色（青） */ border-style:solid; /* 枠線（四角） */ border-width:3px; /* 枠線の幅（3px） */ border-color:#8888FF; /* 枠線の色（薄い青） */ } .submenu{ width:100px; /* 幅（100px） */ font-size:12pt; /* 文字サイズ（12pt） */ text-align:center; /* 文字（中央揃え） */ background-color:#AAAAFF; /* 背景色（薄い青） */ border-style:solid; /* 枠線（四角） */ border-width:1px; /* 枠線の幅（1px） */ border-color:#888888; /* 枠線の色（グレー） */ } a{text-decoration:none} /* リンクの飾り（なし） */ a:link{color:#FFFFFF} /* リンクの色（白） */ a:visited{color:#FFFFFF} /* 訪問済みリンクの色（白） */ //--> </STYLE> </HEAD> <BODY> <DIV style="position:static;"> <DIV class="menu" style="position:absolute; left:20px"> <A href="sample01.html">HOME</A> </DIV> <DIV class="menu" style="position:absolute; left:120px" onMouseOver="hyouji('submenu_1')" onMouseOut="kakusu('submenu_1')"> Whats New </DIV> <DIV class="menu" style="position:absolute; left:220px" onMouseOver="hyouji('submenu_2')" onMouseOut="kakusu('submenu_2')"> Photo </DIV> <DIV class="menu" style="position:absolute; left:320px" onMouseOver="hyouji('submenu_3')" onMouseOut="kakusu('submenu_3')"> Illustration </DIV> </DIV> <DIV style="position:static; padding-top:25px"> <DIV id="submenu_1" class="submenu" style="position:absolute; left:120px; visibility:hidden" onMouseOver="hyouji('submenu_1')" onMouseOut="kakusu('submenu_1')"> <A href="0410.htm">2004.10</A><BR> <A href="0409.htm">2004.09</A><BR> <A href="0408.htm">2004.08</A><BR> </DIV> <DIV id="submenu_2" class="submenu" style="position:absolute; left:220px; visibility:hidden" onMouseOver="hyouji('submenu_2')" onMouseOut="kakusu('submenu_2')"> <A href="photo1.htm">photo 1</A><BR> <A href="photo2.htm">photo 2</A><BR> </DIV> <DIV id="submenu_3" class="submenu" style="position:absolute; left:320px; visibility:hidden" onMouseOver="hyouji('submenu_3')" onMouseOut="kakusu('submenu_3')"> <A href="illust1.htm">illust 1</A><BR> <A href="illust2.htm">illust 2</A><BR> <A href="illust3.htm">illust 3</A><BR> </DIV> </DIV> </BODY> </HTML> |